<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<style>
    div {
        width: 200px;
        height: 200px;
        color: pink;
        font-size: 20px;
    }
</style>

<body>

    <div>等会要下去吃个饭</div>

<script>

    // 页面元素的获取
    const element = document.querySelector('div');
    console.log(element.innerText)

    // 操作元素中的数据
    element.innerText = '想抽烟了,下去买包烟'

    // innerHTML可以使用标签
    element.innerHTML = '想抽<strong>烟</strong>了，下去买包烟'
</script>
</body>
</html>